import styled from "styled-components";
import ChartDemo1 from "./demo1";
import ChartDemo2 from "./demo2";
import { Col, Row } from "antd";

const Layout = () => {
  return (
    <LayoutWrapper>
      <h1>X6</h1>
      <Row gutter={[16, 16]}>
        <Col span="18">
          <ChartDemo1 />
        </Col>
        <Col span="18">
          <ChartDemo2 />
        </Col>
      </Row>
    </LayoutWrapper>
  );
};

const LayoutWrapper = styled.div`
  > div {
    margin: 10px;
  }

  * {
    box-sizing: border-box;
  }
`;
export default Layout;
